<div
  class="window lucky-positionCenter-child lucky-radius--big lucky-shadow--basic"
>
  <div class="title">幸运选择器</div>
  <form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
    <div class="form-account">
      <span class="iconfont icon-user"></span>
      <input
        type="text"
        formControlName="account"
        class="lucky-input-text"
        placeholder="用户名"
      />
    </div>
    <div class="form-password">
      <span class="iconfont icon-lock"></span>
      <input
        type="password"
        formControlName="password"
        class="lucky-input-text"
        placeholder="密码"
      />
    </div>
    <div class="other">
      <div class="remember">
        <input type="checkbox" formControlName="remember" />记住登录状态
      </div>
      <div class="register">
        <a routerLink="/home/register">立即注册</a>
      </div>
    </div>
    <div class="submit">
      <button
        type="submit"
        [disabled]="!loginForm.valid"
        class="lucky-radius--big"
        [ngClass]="!loginForm.valid ? 'button--disable' : ''"
      >
        登&nbsp;&nbsp;录
      </button>
    </div>
  </form>
</div>
